<template>
  <div class="Home">
  <div class="Home-top">
        <router-link to='/gerenzhongxin'>
        <span class="Home-left"><img v-bind:src="imga"/></span>
        </router-link>
        <span class="Home-center">{{find}}</span>
        <router-link to='/find'>
        <span class="Home-right"><img v-bind:src="imgb"/></span>
        </router-link>
      </div>
      <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img v-bind:src="imgc" style="width: 100%"/></div>
        <div class="swiper-slide"><img v-bind:src="imgc" style="width: 100%"/></div>
        <div class="swiper-slide"><img v-bind:src="imgc" style="width: 100%"/></div>
    </div>
    <div class="swiper-pagination"></div>
</div>
     <div class="home-nav">
     <router-link to='/main'>
     <dl>
     <dt><img v-bind:src="homeone"/></dt>
     <dd>{{textone}}</dd>
     </dl>
 </router-link>
     <dl>
     <dt><img v-bind:src="hometwo"/></dt>
     <dd>{{texttwo}}</dd>
     </dl>
     <router-link to='/Gold_coin_shop'>
     <dl>
     <dt><img v-bind:src="homethree"/></dt>
     <dd>{{textthree}}</dd>
     </dl>
 </router-link>
     <router-link to='/eleven'>
     <dl>
     <dt><img v-bind:src="homefour"/></dt>
     <dd>{{textfour}}</dd>
     </dl>
 </router-link>
     </div>
     <div class="home-top"></div>
     <div class="home-libao">
      <img v-bind:src="libao"/>
      <ul>
      <router-link to='/Apply_for_a_gift_package'>
      <li>{{homeoneh}}<a>{{homespan}}</a></li>
  </router-link>
      <li class="home-li">{{homeomep}}</li>
      </ul>
      
     </div>
     <div class="home-bottom"></div>
     <div class="home-love">
     <ul>
     <li>{{hometoh}}</li>
     <li><span>{{homessp}}</span><a>{{homefia}}</a><span>{{homessp}}</span></li>
     </ul>
     
     </div>
     <div class="home-logo">
      <img v-bind:src="homelogo"/>
     </div>
     <div class="homejieshao">
        <img v-bind:src="homelogde"/>
        <h1>{{message}}</h1>
        <h2>{{massage}} | <span>{{city}}</span></h2>
     </div>
     <div class="homebag"></div>
     <div class="homellog">
     <img v-bind:src="homellogg" />
     <p>{{homepppp}}</p>
     </div>
     <div class="homemore">
         <img v-bind:src="homeloveo"/>
         <img v-bind:src="homeloveo"/>
         <img v-bind:src="homemoee"/>
     </div>
     <div class="homekong"></div>
     <footer>
     <router-link to='/'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>首页</dd>
         </dl>
     </router-link>
         <dl>
            <router-link to='/fangan'>
            <dt><img v-bind:src="homefo"/></dt>
            <dd>方案</dd>
            </router-link>
         </dl>
         <router-link to='/Photo'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>晒家</dd>
         </dl>
     </router-link>
     <router-link to='/main_two'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>攻略</dd>
         </dl>
     </router-link>
         <router-link to='/haowu'>
         <dl>
            <dt><img v-bind:src="homefo"/></dt>
             <dd>好物</dd>
         </dl>
     </router-link>
     </footer>
  </div>
</template>

<script>
export default {
name: 'Home',
 mounted () {
      window.Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay : 1000
      })
    }, 
    data() {
      return{
        imga: "../../static/img/homedenglu.png",
        imgb:"../../static/img/homesearch.png",
        imgc:"../../static/img/homelunbo.png",
        homeone:"../../static/img/home1.png",
        hometwo:"../../static/img/home2.png",
        homethree:"../../static/img/home3.png",
        homefour:"../../static/img/home4.png",
        libao:"../../static/img/homelibao.png",
        homelogo:"../../static/img/homelogone.png",
        homelogde:"../../static/img/honmelogo.png",
        homellogg:"../../static/img/hoembig.png",
        homeloveo:"../../static/img/homelook.png",
        homemoee:"../../static/img/homemoer.png",
        homefo:"../../static/img/homefote.png",
        find:"发现",
        textone:"装修设计",
        texttwo:"晒家",
        textthree:"金币商城",
        textfour:"免费报价",
        homeoneh:"您有一个装修超值礼包",
        homespan:"点击领取",
        homeomep:"内有神秘高额现金卷",
        hometoh:"猜您喜欢",
        homessp:"——",
        homefia:"Customer Reviews",
        message:"彩色派对",
        massage:"贵州战术空间设计结构",
        city:"贵阳",
        homepppp:"带世界回家，创意生活从这些小玩意开始",
        



      }
    }

    
}
</script>


<style scoped lang="less">
@import url(../assets/less/Home.less);

</style>
